<template>
	<view class="submitbtn flex-row-between">
		<view class="price flex-row-start">
			待支付
			<view class="yellow">¥<text class="font18">0</text></view>
		</view>
		<view class="yudin flex-row-start" @click="pay">
			<image src="https://www.haopengsong.xyz/static/hotspring/vip.png" mode="widthFix" class="vipimg" v-if='vip'></image>
			{{title}}
		</view>
	</view>
</template>

<script>
	export default{
		props:['title','vip','url','price'],
		methods:{
			jump(res){
				uni.navigateTo({
					url: '/pages/myorder/orderpay'
				});
			},
			pay(){
				this.$emit('pay')
			}
		}
	}
</script>

<style scoped lang="scss">
	.submitbtn{
		z-index: 2;
		.yellow{
			padding: 0 5px 0 10px;
		}
		width: 100%;
		position: fixed;
		bottom: 0px;
		left:0;
		background-color: #fff;
		box-shadow: 0px -2px 0px 1px #EEEEEE;
		padding: 8px 10px;
		.yudin{
			width: auto;
			padding: 0 15px;
			height: 40px;
			background-color: #499C43;
			text-align: center;
			line-height: 40px;
			color:#fff;
			border-radius: 40px;
			font-size: 16px;
		}
	}
	.vipimg{
		width:35px;
		height: 14px;
		margin-right: 6px;
	}
</style>